<html>

<head>
<title>我的第一个 HTML 页面</title>

     <style>
	          *{margin:0;padding:0;}
	         .layer1{width:100%;height:100px;background:#3CF;}
			          .layer1-1{width:40%;height:100px;background:#3CF;float:left}
					  .layer1-2{width:60%;height:100px;background:#3CF;text-align:right;float:left}
					  .layer1-3{clear:both;}
			 .layer2{width:100%;height:400px;background:#3CF;}
			 .layer3{width:100%;height:90px;background:#666;}
			 
			  h3{text-align:center;color:red;font-size:2em;}
			  table{height:200px;}
			  table .tdleft{text-align:right;width:43%;}
			  table .tdright{width:57%;}
			  table .tdcenter{text-align:center;}
			  img{width:100%;height:100px;}
			   .layer1 a:hover{color:#FF0}
			  .one{background:#06F;border-color:#06F;margin-right:10px}
			  .one:hover{background:#0F0;border-color:#0F0;margin-right:10px}
			  .two{background:#CF0;border-color:#CF0;}
			  .two:hover{background:#C30;border-color:#C30;}
			  p{text-align:center;}
			  
	 </style>
</head>
<body>
     <div class="layer1"><div class="layer1-1"><img src="logo.png"alt="商职图片"></div><div class="layer1-2"> <a href="#">帮助 </a>&nbsp&nbsp&nbsp&nbsp<a href="#">联系客服</a></div><div class="layer1-3"></div></div>
                                         
     <div class="layer2">
                            <h3>用户登陆界面</h3>
                     <form action="tj205.itoco.cn"method="get">
                     <table border="0"align="center"width="100%"><tr><td class="tdleft">用户名：</td><td class="tdright"><input type="text"name="Uname"></td></tr>
                         <tr><td class="tdleft">密码：</td><td class="tdright"><input type="password"name="pass"></td></tr>
                         <tr><td colspan="2"class="tdcenter"><input type="radio"name="style"value="teacher">教师<input type="radio"name="style"value="student"checked>学生</td></tr>
                         <tr><td colspan="2"class="tdcenter"><input type="checkbox"name="Uname"value="zidomg">十天内自动登录</td></tr>
                         <tr><td colspan="2"class="tdcenter">

                        <input type="submit"name="true"value="确定"checked="checked"class="one"><input type="submit"name="true"value="取消"class="two">
                        </td></tr>
              
               </table>
               </form>
               </div>
               <div class="layer3"> <p>学校地址：济南市旅游路4516号    邮编：250103</p>
<p>电话：0531-86335888     招生电话：0531-86335555</p>
<p>鲁ICP备05002370	</p></div>
               
</body>

</html>
